﻿@media screen and (max-width:1600px){
}

@media screen and (max-width:1440px){
}

@media screen and (max-width:1300px){
}

@media screen and (max-width:1200px){
.w{ width:95%;}
}

@media screen and (max-width:1130px){
}

@media screen and (max-width:1060px){
}

@media screen and (max-width:1023px){
.w{ width:95%;}
.logo{ width:65%;}
.sanh{ display:block;}
.nav{ width:100%; position: fixed; left: -100%; height:100%; top:0; z-index: 10; padding:0; display:block;}
.nav_bg{ display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.5); z-index:1;}
.nav .w{ width:100%;}
.nav ul{ width:65%; background:#fff; position:absolute; top:0; left:0; bottom:0; right:inherit; display:block; z-index:2;}
.nav .plebans{ font-size:30px; width:100%; padding-left:30px; line-height:100px!important;}
.nav .plebans a{ display:inline; padding:0!important; color:#333!important; font-weight:500;}
.nav li .plebans:after{ display:none;}
.nav li{ width:100%; border-bottom:1px solid rgba(0,0,0,.05); height:auto;}
.nav li .jd{ position:absolute; top:50%; margin-top:-13px; right:8%; width:15px; height:26px; display:block; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s; z-index:-1; transform:rotate(90deg);}
.nav li.on .plebans a,.nav li.cur .plebans a{ background:none; color:#B28564!important;}
.goutp{ position:static; background:#fff; box-shadow:none; border-top:1px solid rgba(0,0,0,.03); width:100%; text-align:left; margin:0;}
.goutp p{ font-size:28px; border-top:1px solid rgba(0,0,0,.05); padding-left:50px;}
.goutp p a{ color:#666;}
.search{ display:none;}
.head{ height:96px;}
.head-fixed{ height:96px;}
.head-fixed .s_intxt{ border-color:rgba(0,0,0,.5);}
.head-fixed .s_intxt::-webkit-input-placeholder{ color:#111;}
.head-fixed .s_intxt::-moz-placeholder{ color:#111;}
.head-fixed .s_intxt:-moz-placeholder{ color:#111;}
.head-fixed .s_intxt:-ms-input-placeholder{ color:#111;}
.head-fixed .s_inbut{ background:url(../images/search_h.png) 0 0 no-repeat; background-size:100%;}

.tit1{ margin:25px 0;}
.tit1 p{ font-size:28px; padding-bottom:15px;}
.com_but .swiper-button-next:after,.com_but .swiper-button-prev:after{ font-size:30px;}
.case_list li .txt{ height:56px;}
.case_list li .txt em{ font-size:24px;}

.tit3{ font-size:24px; line-height:70px;}
.tit3 font{ font-size:32px;}
.con3_list{ width:102%;}
.con3_list li{ margin:2% 2% 0 0; width:48%;}
.con3_list li .txt{ padding:5px 10px;}
.con3_list li .txt h3{ font-size:24px;}
.con3_list li .txt em{ font-size:24px;}

.sider{ background:none;}
.systitle{ display:block;}
.sider ul{ border-left:none; border-bottom:2px solid #B28564; display:none;}
.sider ul li{ width:100%; max-width:100%; padding-bottom:1px;}
.sider ul li a{ font-size:28px; line-height:80px; color:#333; border-right:none; padding:5px 25px; background:#f0f0f0;}
.sider ul li a:after{ display:none;}
.sider ul li:last-child{ padding:0;}
.sider ul li.cur a,.sider ul li a:hover{ background:#f0f0f0; color:#B28564;}


/*foot style*********************************************************************/
.footer .txt{ display:none;}
.footer ul{ padding:25px 0 20px 0;}
.footer ul li{ display:none;}
.footer ul li.f_m{ display:block; margin-top:15px; width:100%!important; text-align:center;}
.footer ul li span{ display:none;}
.footer ul li p{ font-size:24px; padding-left:0;}
.footer ul li .ewm{ width:240px; height:240px; margin:10px auto;}
.adr_infor p{ line-height:40px!important; padding-left:0!important; margin-bottom:20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.adr_infor p img{ position:static; height:40px; margin-right:10px;}
.foot{ font-size:24px;}
}